//当前页以及行数
var currentPage = 1;
var rowCount = 2;
$(function () {
    getRemoteAccounts(currentPage,rowCount);

});
function getRemoteAccounts(page, count) {
    //把字符窜转换为数的方式:
    // var page= +page;

    page = +page <= 0 ? 1 : +page;
    count = +count <= 0 ? 2 : +count;
    var params = {
        // 变量值为page属性
        page: page,
        count: count
    };
    $.get('../account/findPage', params, handleResponse);

}
//   处理请求的函数
function handleResponse(resp) {
    if (resp.status === 200) {
        //    画页码
        var totalCount = resp.data.totalCount;
        //计算多少页
        //ceil向上取整
        var pages = Math.ceil(totalCount / rowCount);

        console.log('pages======::::' + pages)
        //画分页指示器
        drawPageIndicator(pages);

        // 数据添加到table中
        var items = resp.data.items;
        putItemsInTable(items);


    }

}

function drawPageIndicator(pages) {
    //清空原有的所有指示器
    var ul=$('#ul');
    ul.empty();
    for(var i=1;i<=pages;i++){
        var li= $('<li style="float: left"></li>');
    //    如果这个li是当前页 添加.active
        if(currentPage===i){
            li.addClass('active');
        }
        var a = $('<a></a>');
        //点击 是什么也不干
        a.attr('href','javascript:void(0)');
        a.text(i);
        //    设置点击事件
        li.append(a);
        ul.append(li);
        a.click(onIndicatorClick);
    }
}

/*
指示器点击事件
 */
function onIndicatorClick() {
//    设置被点击的指示器为当前页面
   var currentPage=+$(this).text();
//    发起网络请求
    getRemoteAccounts(currentPage,rowCount);

}


$('#prev').click(function () {
    if(currentPage<=0){
        currentPage=1;
    }
    --currentPage;
    console.log("上一页:"+currentPage)
    getRemoteAccounts(currentPage,rowCount)

})
$('#next').click(function () {
    ++currentPage;
    getRemoteAccounts(currentPage,rowCount)

});


function putItemsInTable(items) {
//    把请求下来的数据添加到table中
    var tbody = $('#tbody');
    tbody.empty();
    for (var item of items) {
        var tr = $('<tr></tr>');
        var accountId = $('<td></td>').text(item.accountId);
        var realName = $('<td></td>').text(item.realName);
        var idCard = $('<td></td>').text(item.idcardNo);
        var loginName = $('<td></td>').text(item.loginName);
        var status = $('<td></td>').text(item.status);
        var createDate = $('<td></td>').text(item.createDate);
        var lastLoginTime = $('<td></td>').text(item.lastLoginTime);
        var td = $('<td></td>');
        var stput = $('<input type="button" value="暂停" class="btn_pause" onclick="setState();" />');
        var startput = $('<input type="button" value="开通" class="btn_start" onclick="setState();" />');
        var modput = $('<input type="button" value="修改" class="btn_modify" />');
        var delput = $('<input type="button" value="删除" class="btn_delete" onclick="deleteAccount();"/>');
        if (item.status === "0") {
            td.append(stput)
        }
        if (item.status === "1") {
            td.append(startput)
        }
        td.append(modput).append(delput);
        tr.append(accountId).append(realName).append(idCard).append(loginName).append(status).append(createDate).append(lastLoginTime).append(td);
        tbody.append(tr);
    }
}